import React, { PureComponent } from 'react';
import { StyleSheet, Text, View, Image } from 'react-native';
import screen from '../../../../common/screen'
type Props = {
}
type State = {
}
class GoodsView extends PureComponent<Props, State>{
    render() {
        return (
            <View style={styles.container}>
                <View>
                    <Image source={require('../../../../img/home/banner.png')} resizeMode='contain' style={styles.icon} />
                    <View style={{marginLeft: 10, marginRight: 10}} >
                        <Text style={{ fontSize: 24,fontFamily: '黑体',color:'black' }}>沃橘 果肉鲜嫩沃橘 果肉鲜嫩沃橘 果肉鲜嫩沃橘 果肉鲜嫩沃橘 果肉鲜嫩沃橘 果肉鲜嫩沃橘 果肉鲜嫩沃橘 果肉鲜嫩沃橘 果肉鲜嫩沃橘 果肉鲜嫩沃橘 果肉鲜嫩沃橘 果肉鲜嫩沃橘</Text>
                    </View>
                </View>
                <View style={{ flexDirection: 'column' }}>
                    <Text style={{ color: 'red', marginLeft: 5 }}>【2件立减】</Text>
                    <View style={{ flexDirection: 'row', marginTop: 10 }}>
                        <Text style={{ color: 'red', fontSize: 16, marginLeft: 10 }}>拼团价：</Text><Text style={{ color: 'red', fontWeight: 'bold', fontSize: 18 }}>¥ 100.00</Text>
                        <View flex={1} />
                        <Text style={{ marginRight: 10,color:'black' }}>已拼2团 (2人成团)</Text>
                    </View>
                    <Text style={{ textDecorationLine: 'line-through', marginLeft: 20 }}>原价：¥ 400.00</Text>
                </View>
            </View>
        )
    }
}
const styles = StyleSheet.create({
    container: {
        //flex: 1,
        //flexDirection: 'column',
        width: screen.width,
    },
    icon: {
        width: screen.width,
        height: screen.height * 0.3 ,
    },
})
export default GoodsView